<!DOCTYPE html>
<html>

<head>
	<%- include meta.html %>
	<meta name="keywords" content="<%=site.keywords%>" />
	<meta name="description" content="<%=site.description%>" />
	<link rel="stylesheet" type="text/css" href="/public/template/default/pc/css/mkui.css" />
	<link rel="stylesheet" type="text/css" href="/public/template/default/pc/css/index.css" />
	<title><%=site.name%></title>
</head>

<body>

	<!-- header -->
	<%- include header.html %>


	<div class="positon center pt-25">
		首页 > 中医书籍
	</div>


	<!-- 内容 -->
	<main class="center h-p100 flex flex-between pt-15 pb-20">
		<div class="w-900 box-shadow">

			<div class="filter">
				<ul class="pd-20">
					<li>类型：<span>中医教材</span><span>中医经典</span><span>现代中医</span></li>
					<li>字母：<span>A</span><span>B</span><span>C</span><span>D</span><span>E</span><span>F</span></li>
					<li>年代：<span>唐</span><span>宋</span><span>元</span><span>明</span><span>清</span></li>
				</ul>
			</div>

			<div class="book pd-20">
				<ul class="flex flex-wrap">
					<%navSub.arr[0].children.forEach(item=>{%>
					<li>
						<a class="block" href="/list/<%=item.id%>">
							<h4 class="book-title"><%=item.name%></h4>
							<p class="author">孙思邈</p>
						</a>
					</li>
					<%})%>

				</ul>
			</div>

			<div class="flex flex-around">
				<ul class="page flex flex-wrap">
					<li class="current">1</li>
					<li>2</li>
					<li>3</li>
				</ul>
			</div>
		</div>
		<div class="w-280">

			<div class="box-shadow pl-15 pr-15">
				<h3 class="title f-15 c-2a2a2a flex flex-between">
					<a class="pos-r c-333 pl-3 pr-3" href="/news">中医养生</a>
					<span class="c-3e93cf small f-12">更多</span>
				</h3>
				<div>
					<ul class="pt-10 pb-10">
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
					</ul>
				</div>
			</div>

			<div class="mt-20 mb-20">
				<img src="/public/template/default/pc/img/ad1.png" class="w-p100">
			</div>

			<div class="box-shadow pl-15 pr-15">
				<h3 class="title f-15 c-2a2a2a flex flex-between">
					<a class="pos-r c-333 pl-3 pr-3" href="/news">中医文化</a>
					<span class="c-3e93cf small f-12">更多</span>
				</h3>
				<div>
					<ul class="pt-10 pb-10">
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
						<li class="f-14 mt-5 mb-5"><a class="c-333" href="">安神解郁合欢花</a></li>
					</ul>
				</div>
			</div>

			<div class="mt-20 mb-20">
				<img src="/public/template/default/pc/img/ad2.png" class="w-p100">
			</div>


			<div class="box-shadow pl-15 pr-15 mt-20 mb-20">
				<h3 class="title f-15 c-2a2a2a flex flex-between">
					<a class="pos-r c-2a2a2a pl-3 pr-3" href="/news">名医</a>
					<span class="c-999 small f-12">更多</span>
				</h3>
				<div>
					<ul class="pt-16 pb-16 flex flex-wrap">
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">扁鹊</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">华佗</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">张仲景</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">皇甫谧</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">叶桂</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">孙思邈</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">薛生白</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">宋慈</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">李时珍</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">葛洪</a></li>
						<li class="f-14 mt-3 mb-3 col-8"><a class="c-2a2a2a" href="">钱乙</a></li>
					</ul>
				</div>
			</div>


			<div class="box-shadow pl-15 pr-15 mt-20 mb-20">
				<h3 class="title f-15 c-2a2a2a flex flex-between">
					<a class="pos-r c-2a2a2a pl-3 pr-3" href="/news">佛道真言</a>
					<span class="c-999 small f-12">更多</span>
				</h3>
				<div>
					<ul class="pt-16 pb-16">
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">六字大明咒</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">大悲咒</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">药师佛灌顶真言</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">大白伞盖佛母心咒</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">金刚萨埵心咒</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">孙思邈</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">薛生白</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">宋慈</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">李时珍</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">葛洪</a></li>
						<li class="f-14 mt-3 mb-3"><a class="c-2a2a2a" href="">钱乙</a></li>
					</ul>
				</div>
			</div>

		</div>
	</main>

	<!-- 友情链接 -->
	<%- include friendlink.html %>

	<!-- footer -->
	<%- include footer.html %>

	<script src="http://cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>
	<script>
		var mySwiper = new Swiper('.swiper-container', {
			loop: true,
			autoplay: true,
			pagination: {
				el: '.swiper-pagination',
			},
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			}
		});

	</script>
</body>

</html>